@use 'common/var' as *;

$scrollbar-color: #d2d7e1;

* {
  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
  scrollbar-color: $scrollbar-color transparent;
  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: $scrollbar-color;
  border-radius: 6px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}
